export default [
  {
    //   标题
    title: '弹窗表单',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.$DialogForm',
    // 完整code
    code: `
this.$DialogForm.show({
  title: '弹窗页面',
  width: '30%',
  menuPosition:'right',
  option:{
    submitText: '完成',
    span:24,
    column: [{
      label: "姓名",
      prop: "name",
      rules: [{
        required: true,
        message: "请输入姓名",
        trigger: "blur"
      }],
    }]
  },
  beforeClose: (done) => {
    this.$message.success('关闭前方法')
    done()
  },
  callback:(res)=>{
    console.log(res.data);
    this.$message.success('关闭等待框')
    setTimeout(() => {
      res.done()
      setTimeout(() => {
        this.$message.success('关闭弹窗')
        res.close()
      }, 1000)
    }, 1000)
  }
})
        `,
  },
  {
    //   标题
    title: '复制到剪切板',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.$Clipboard',
    // 完整code
    code: `
     this.$Clipboard({
    text: '复制的文本内容'
  }).then(() => {
    this.$message.success('复制成功')
  }).catch(() => {
    this.$message.error('复制失败')
  });
        `,
  },
  {
    //   标题
    title: '打印',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.$Print',
    // 完整code
    code: `
 <div id='test'></div>
  this.$Print('#test')
        `,
  },
  {
    //   标题
    title: '全局水印(也可局部水印)',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.watermark',
    // 完整code
    code: `
  this.watermark({
    fontSize: '14px', 
    width: '100', 
    height: '80', 
    text: '全局水印'
  });
        //https://avuejs.com/default/watermark/  局部水印使用方法
        `,
  },
  {
    //   标题
    title: '文件下载',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.downFile',
    // 完整code
    code: `
 var url = "https://avuejs.com/images/logo-bg.jpg";
  this.downFile(url,'logo.jpg');
        `,
  },

  {
    //   标题
    title: 'js加载完成操作',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.loadScript',
    // 完整code
    code: `
  this.loadScript('js','xxx.js').then(()=>{
    //执行后的方法
  })
  this.loadScript('css','xxx.css').then(()=>{
    //执行后的方法
  })
        `,
  },
  {
    //   标题
    title: '对象深拷贝（可对对象和数组深拷贝）',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.deepClone',
    // 完整code
    code: `
  var obj1 = {
    name:'张三'
  }
  var obj2 = this.deepClone(obj1);
        `,
  },

  {
    //   标题
    title: '判断空',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.validatenull()',
    // 完整code
    code: `
    var obj1 = {}
  var obj2 = []
  var str1 = ''
  var str2 = undefined
  var str3 = null;
  console.log(this.validatenull(obj1)) //true
  console.log(this.validatenull(obj2)) //true
  console.log(this.validatenull(str1)) //true
  console.log(this.validatenull(str2)) //true
  console.log(this.validatenull(str3)) //true
        `,
  },
  {
    //   标题
    title: '屏幕截图',
    //   标签
    tag: 'util',
    // 位置
    path: 'Avue',
    //   方法
    fun: 'this.$Screenshot',
    // 完整code
    code: `
<!-- 导入需要的包 （一定要放到index.html中的head标签里）-->
<script src='https://cdn.staticfile.org/html2canvas/0.5.0-beta4/html2canvas.min.js'></script>
          this.$Screenshot(document.querySelector("#app")).then(canvas => {
          console.log( canvas.toDataURL("image/jpeg", 0.8), '图片')
        });
        `,
  },
  {
    //   标题
    title: '图片裁剪',
    //   标签
    tag: 'util',
    // 位置
    path: 'https://avuejs.com/default/image-cropper/#',
    //   方法
    fun: 'this.$ImageCropper',
    // 完整code
    code: `
        this.$ImageCropper({
        img:'图片url',
        // autoCropWidth:100,
        // autoCropHeight:100,
        // fixed:true,
        // fixedNumber:[100,100],
        type:'file',
        callback:(res)=>{
          console.log(res)
          this.src=res
        },cancel:()=>{
          this.$message.success('取消了')
        }
      });

        `,
  },
]
